<script id="variables" type="text/json">
  {
    "txt_web_notification": "[% i18n("Network access has been granted") %]",
    "destination_url":      "[% destination_url %]",
    "external_ip":          "[% external_ip %]",
    "image_path":           "[% image_path %]",
    "waitTime":              [% timer || 30 %],
    "initial_delay":         [% initial_delay || 0 %],
    "retry_delay":           [% retry_delay || 0 %],
    "network_logoff_popup":  [% network_logoff_popup || 0 %],
    "hostname":              "[% hostname %]",
    "auto_redirect":         [% auto_redirect %]
  }
</script>
<script type="text/javascript" src="/content/release.js"></script>
<script type="text/javascript" src="/content/timerbar.js"></script>

<div class="u-padding">

  <div id="detectionNotice" class="o-media o-media--notice u-padding u-margin-bottom">
    <div class="o-media__img">[% flashIcon(level='notice') %]</div>
    <p class="o-media__body">[% i18n("Your network access is currently being enabled. Once network connectivity is established you will be automatically redirected.") %]</p>
  </div>

  <div id="detectionError" class="o-media o-media--error u-padding u-margin-bottom hide">
    <div class="o-media__img">[% flashIcon(level='error') %]</div>
    <p class="o-media__body">[% i18n("Unable to detect network connectivity. Try restarting your web browser or opening a new tab to see if your access has been succesfully enabled.") %]</p>
  </div>

  <div class="o-layout o-layout--center">
    <div class="o-layout__item u-1/1 u-2/3@tablet u-3/5@desktop">
      <div class="c-timerbar"></div>
    </div>
  </div>

</div>

<noscript>
  <div class="u-padding">
  <div class="o-media o-media--error u-padding u-margin-bottom">
    <div class="o-media__img">[% flashIcon(level='error') %]</div>
    <p class="o-media__body">[% i18n("If you have scripting turned off, you will not be automatically redirected. Please enable scripting or open a new browser window from time to time to see if your access was enabled.") %]</p>
  </div>
</div>
</noscript>

[%# DO NOT REMOVE! REQUIRED FOR NETWORK ACCESS DETECTION %]
<div id="internet-detection" class="hide"><img id="netdetect"/></div>

